<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="tab.css">
</head>

<body>

    <div id="tab">
        <ul id="tab-nav">
            <li>
                tab1
            </li>
            <li>
                tab2
            </li>
            <li>
                tab3
            </li>
            <li>
                tab4
            </li>
             <li>
                tab5
            </li>
             <li>
                tab6
            </li>
        </ul>

        <ul id="tab-body">
            <li class="hello">
                body1
            </li>
            <li>
                body2
            </li>
            <li>
                body3
            </li>
            <li>
                body4
            </li>
            <li>
                body5
            </li>
            <li>
                body6
            </li>
        </ul>
    </div>
    <script type="text/javascript" src="tab.js"></script>
</body>

</html>
